$red: #D1574A
$leftWidth: 35%
$rightWidth: 97%
$contentWidth: 90%
$marginLeft: 110px
*
    margin: 0
    padding: 0
ul
    list-style: none
li
    @extend ul
a
    text-decoration: none
body
    background: url(../images/center.jpg) 
    font-family: sans-serif
    
img
    border: 0

@mixin clear-float
    overflow: hidden
//标题公共样式    background: #e3e5e4  rgba(240, 237, 246, 0.61)
.public
    border-radius: 6px 6px 0 0
    box-shadow: -4px 0 15px #bbb, 4px 0 15px #bbb, 0px -2px 10px #9a9a9a, 0 5px 10px #9a9a9a
    background: white
    
    .title
        height: 30px
        line-height: 30px
        padding-left: 10px
        color: #fff
        font-size: 14px
        background: #D1574A
        border-radius: 6px 6px 0 0
        span
            float: right
            font-size: 10px
            padding-right: 10px
            a
                color: #fff
                padding-left: 4px
            a:hover
                color: #333
            span
                padding-right: 3px
                float: right
                color: #ddd
    .list
        padding-top: 7px
        ul
            padding-left: 20px
            li
                padding-left: 0
                display: inline-block
                width: 100%
                height: 27px
                line-height: 27px
                font-size: 12px
                a
                    color: #111
                    display: inline-block
                    width: 220px
                    overflow: hidden
                    text-overflow: ellipsis
                    white-space: nowrap
                    &:hover
                        text-decoration: underline
                .time
                    float: right
                    color: #bbb
                    margin-right: 10px
                position: relative
                &::before
                    content: ''
                    display: inline-block
                    width: 3px
                    height: 4px
                    position: absolute
                    left: -10px
                    top: 9px
                    background: #D1574A
//友情链接边框公共样式
.publicLink
    background: #fff
    box-shadow: -1px 0 6px #bbb, 1px 0 6px #bbb, 0px -1px 6px #bbb, 0 4px 5px #807373
    margin-bottom: 6%
    .title
        height: 20px
        line-height: 20px
        font-size: 12px
        color: #fff
        padding-left: 16px
@media (max-width: 1000px)
    #footer
        width: 980px !important
//二级页面公共样式
.mainList
    .title
        height: 36px
        line-height: 36px
        color: #fff
        background: #D1574A
        font-size: 13px
        padding-left: 20px
        .nav
            li
                float: left
                a:link
                    color: #fff
                a:visited
                    color: #fff
                a:hover
                    color: #F0EDE4
                    underline: none
                ::after
                    content: ">>"
                    margin-left: 6px
                    margin-right: 2px
            li:last-child
                ::after
                    content: ""
       
    .contentL
        margin-top: 16px
        @include clear-float
        .CTitle
            width: 84px
            height: 30px
            line-height: 30px
            margin-left: 20px
            text-align: center
            background: #D1574A
            border-radius: 5px
            color: #fff
        ul
            padding: 0 10px
            font-size: 13px
            li 
                height: 35px
                line-height: 35px
                padding-left: 10px
                margin-bottom: 5px
                border-bottom: 1px dashed #dadada
                a
                    color: #111
                    span 
                        float: right 
                a:hover
                    color: #D1574A
       
        .pages
            @include clear-float
            margin-top: 15px
            font-size: 13px
            text-align: center
            padding-bottom: 20px
            a
                color: #444
                margin-right: 15px
            a:hover
                color: #D1574A
            span:nth-child(n+6), select
                margin-left: 15px
 
//头部
#header
    margin: 0 auto
    padding-top: 24px
    width: 1100px
    background: $red
    .logo
        background: url(../images/logo.png) no-repeat
        background-position-x: $marginLeft
        height: 90px
        width: 100%
        padding-top: 6px
        padding-bottom: 50px
        .title
            margin: 6px auto
            margin-left: $marginLeft + 323px
            font-size: 45px
            color: #fff
        .menu
            width: 89%
            background: #fff
            border-radius: 20px
            text-align: center
            margin: 28px auto
            box-shadow: 0px 0px 15px #7c7d82
            
            a
                display: inline-block
                width: 105px
                height: 37px
                line-height: 37px
                text-align: center
                font-size: 18px
                cursor: pointer
                color: #D1574A
            a:hover
                color: #222
#main
    width: 1100px
    margin: 0 auto
    padding-top: 40px
    background: #F0EDF6
    @include clear-float
    @extend .mainList
    #left
        width: $leftWidth
        float: left
        margin-left: 1%
        .notice
            @extend  .public
            width: $contentWidth
            margin: 0 auto
            padding-bottom: 15px
            height: 243px
        .left_middle
            width: $contentWidth - 10
            margin: 48px auto 50px
            p
                border-radius: 20px
                background: #D1574A
                margin-bottom: 30px
                text-align: center
                font-size: 17px
                box-shadow: 0 5px 3px rgba(68, 68, 68, 0.87)
                a
                    height: 40px
                    line-height: 40px
                a:link
                    color: #fff
                a:visited
                    @extend a:link
                a:hover
                    color: #222
        .file
            @extend .public
            width: $contentWidth
            margin: 0 auto
            padding-bottom: 15px
            height: 245px
                
    #right
        width: 62%
        float: right
        margin-right: 1%
        //右边头部
        .rigTop
            @extend .public
            width: $rightWidth
            margin: 0 auto
            height: 260px
            background: #e3e5e4
            .picture
                height: 230px
                position: relative
                ul
                    bottom: 0
                    right: 0
                    position: absolute 
                    color: #fff
                    li
                        width: 661px
                        height: 20px
                        line-height: 20px
                        text-align: center
                        padding-bottom: 4px
                        display: none
                        background: rgba(0,0,0,0.2)
                    .active
                        display: inline-block
                        
                img
                    height: 100%
                    width: 100%
        //右边中间
        .rigMiddle
            width: $rightWidth
            margin: 30px auto 0
            padding: 10px
            @include clear-float
            $height: 195px
            .dynamic, .briefing
                @extend .public
                width: 47%
                float: left
                height: $height
            .briefing
                float: right
        //右边尾部
        .rigBottom
            width: $rightWidth
            margin: 20px auto 5px
            @include clear-float
            padding: 10px
            .download
                @extend .public
                float: left
                width: 47%
                height: 262px
            .link
                float: right
                width: 47%
                .work
                    @extend .publicLink
                    height: 30%
                    position: relative
                    .select
                        margin-top: 6px
                        text-align: center
                        padding-bottom: 10px
                        img 
                            position: absolute
                            top: 23px
                            left: 43px
                            height: 33px
                            width: 33px
                        select
                            appearance:none
                            -moz-appearance:none
                            -webkit-appearance:none
                            border: 1px solid #111
                            border-radius: 3px
                            height: 22px
                            width: 94px
                //院系链接
                .academe
                    @extend .work
                    height: 30%
                //友情链接
                .friend
                    @extend .publicLink
                    height: 60%
                    .pictureL
                            display: block
                            margin-left: 10px
                            img
                                width: 87px
                                height: 32px
                                margin: 6px 5px 0 0
    //二级栏目详情页样式
    .contentR
        background: #fff
        margin: 20px 34px
        padding: 10px 40px
        .head
            h3
                font-size: 26px
                text-align: center 
                padding-top: 30px
                font-weight: normal
            p
                font-size: 13px
                text-align: center
                padding: 10px
        //通知公告
        .notice
            text-align: center
            font-size: 20px
            height: 20px
            line-height: 20px
            margin: 20px 0
            font-weight: 300
            .EN1,.EN2
                display: inline 
        .body
            margin: 10px
            font-size: 16px
            font-weight: normal
            .titl
                font-weight: 600
            p          
                text-indent: 32px
                font-family: 宋体
                display: inline-block
                height: 150%
                line-height: 150%
                margin: 10px 0
            .sign   
                div
                    text-align: center
                    margin: 30px 0
            .artice
                margin: 50px
                a:link,a:visited
                    color: #000
                a:hover
                    color: #900
            .policyR
                text-align: right
                margin: 40px 34px
                div
                    margin: 10px 34px
                


#footer
    border-top: 3px solid $red
    width: 100%
    background: linear-gradient( #e3e5e4, #dadada)
    .cory
        width: 950px
        margin: 20px auto 0
        border-top: 1px solid #9a9a9a
        text-align: center
        font-size: 12px
        color: #444
        padding-top: 2px
